@charset "utf-8";
/* CSS Document */

/**common**/
* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { color: #333; }body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; font: 14px/1.5 Microsoft Yahei, Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif; }
table, td, tr, th { border-collapse: collapse; border-spacing: 0; font-size: 14px; }
ol, ul { list-style: none; }li { list-style-type: none; }
img { vertical-align: middle; border: 0; }address, cite, code, em, th, i { font-weight: normal; font-style: normal; }
.clear { clear: both; *zoom:1;}
.clear:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a { text-decoration: none; color: #333; cursor: pointer; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
html{ overflow-x:hidden;}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:0;
}
::-webkit-scrollbar-track {
background-color:#e6e6e6;
border-radius:0px;
}
::-webkit-scrollbar-thumb {
background-color:#2e71b4;
border-radius:4px;
}
::-webkit-scrollbar-thumb:window-inactive {
background-color:#2e71b4;
border-radius:4px;
}
.w1500 { width: 1500px; margin: 0 auto; }
@media screen and (max-width:1699px) {
.w1500 { width: 95%; }
}
.fl { float:left;}
.fr { float:right;}
@font-face { font-family: "Helvetica"; src: url('../fonts/Helvetica.ttf'); }
@font-face { font-family: "HelveticaBold"; src: url("../fonts/HelveticaBold.ttf");}
@font-face { font-family: "PangMen"; src: url("../fonts/PangMen.ttf");}
@font-face { font-family: "YouSheBiaoTiHei"; src: url("../fonts/YouSheBiaoTiHei.ttf");}
@font-face { font-family: "KOULEN"; src: url("../fonts/KOULEN-REGULAR.TTF");}
@font-face { font-family: "Impact"; src: url("../fonts/Impact.ttf");}
@font-face { font-family: "RobotoRegular"; src: url("../fonts/RobotoRegular.ttf");}
@font-face { font-family: "RobotoBold"; src: url("../fonts/RobotoBold.ttf");}
@font-face { font-family: "DINMittelschrift"; src: url("../fonts/DINMittelschrift.ttf"); }

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#0a1a3e;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#0a1a3e;} /* 滚动条滑块点击状态 */



/**top start**/

.ly_top { width: 100%; height: auto; margin: 0 auto; background: #fff; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 90px 0 0; }
.ly_top .lytop_main { height: 80px; margin: 0 auto; padding: 0; position: relative; }
.lytop_main .ly_logo { width: 486px; margin: 0; padding: 0; float: left; position: relative; z-index: 99; }
.ly_logo a { display: table-cell; vertical-align: middle; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; }
.ly_logo a img.logo1 { display: inline-block; max-width: 100%; height: auto; max-height: 100%; margin: 0; padding: 0; }
.ly_nav { width: 60%; height: 80px; margin: 0; padding: 0; float: right; }
.nav_ul { height: 100%; margin: 0 auto; padding: 0; display: flex; }
.nav_item { position: relative; margin: 0; padding: 0; -webkit-flex: 1; -ms-flex: 1; -moz-flex: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.nav { width: 100%; height: 80px; margin: 0 auto; padding: 0; position: relative; }
.nav_item > a { display: block; width: 100%; height: 80px; line-height: 80px; color: #333; font-size: 18px; text-align: center; -webkit-transition: all .4s; transition: all .4s; position: relative; }
.nav_item > a:after { content: ""; display: block; width: 0; height: 2px; background: #1562aa; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .4s ease; }
.nav_item > a:hover:after, .nav_item > a.navon:after { width: 40px; }
.nav_item > a em { width: 8px; height: 8px; border: 1px solid #a7a7a7; border-top: 0; border-left: 0; transition: all .4s ease; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); margin-left: 10px; }
.nav_item > a:hover em { border: 1px solid #0d509f; border-top: 0; border-left: 0; webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); }
.nav_item:hover > a, .nav_item > a.navon { color: #1562aa; }
.fxd .nav_item > a, .subMenu:hover .nav_item > a { color: #333; }
.fxd .nav_item:hover > a, .fxd .nav_item > a.navon, .subMenu:hover .nav_item:hover > a, .subMenu:hover .nav_item > a.navon { color: #1562aa; font-weight: bold; }
.menu_open { display: none; }
.nav_item_open { width: 140%; height: auto; position: absolute; left: -20%; top: 101px; z-index: 10; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1); border-radius: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; }
.ny_top .nav_item_open { background-color: #fff; }
.nav_item:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
.subopen { display: none; }
.nav_item2 { width: 100%; }
.nav_item2 a { display: block; width: 100%; height: 60px; overflow: hidden; line-height: 60px; padding: 0 10px; color: #666; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.ny_top .nav_item2 a { color: #565656; }
.nav_item2:hover a { background-color: #1562aa; color: #fff; }
.hcover { display: none; }
.ly_right { width: 135px; height: 100%; float: right; }
.ly_right i { display: inline-block; background: #d0d0d0; width: 1px; height: 20px; margin-top: 32px; }
.lyTop_Tel { width: 45px; height: 45px; margin: 18px 20px 15px 25px; padding: 5px; border-radius: 50%; float: right; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lyTop_Tel p { width: 40px; height: 40px; margin: 0 auto; padding: 0; border-radius: 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lyTop_Tel p i { display: block; width: 40px; height: 40px; overflow: hidden; margin: 0; padding: 0; background: #1562aa url(../images/top_tel.png) center center no-repeat; background-size: 19px 19px; border-radius: 50%; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lyTop_Tel p span { display: block; width: 0; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 18px; margin: 0; padding: 0; background-color: #1562aa; border-radius: 20px 0 0 20px; position: absolute; top: 0; right: 20px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lyTop_Tel p:hover span { width: 200px; padding: 0 20px; }
.lyTop_Search { width: 45px; height: 45px; margin: 18px 0 15px; padding: 5px; border-radius: 50%; float: right; position: relative; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lyTop_Search form { width: 40px; height: 40px; margin: 0 auto; padding: 0; border-radius: 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lyTop_Search form .scIpt { width: 0; height: 40px; overflow: hidden; margin: 0; padding: 0; background-color: #1562aa; border-radius: 20px 0 0 20px; position: absolute; top: 0; right: 20px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lyTop_Search form:hover .scIpt { width: 240px; padding: 0 20px; }
.lyTop_Search form .scIpt input { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 0; background: none; border: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lyTop_Search form .scIpt input::-moz-placeholder {
color:rgba(255,255,255,0.6);
}
.lyTop_Search form .scIpt input:-ms-input-placeholder {
color:rgba(255,255,255,0.6);
}
.lyTop_Search form .scIpt input::-webkit-input-placeholder {
color:rgba(255,255,255,0.6);
}
.lyTop_Search form .scBtn { width: 40px; height: 40px; overflow: hidden; margin: 0; padding: 0; background: none; border-radius: 50%; position: relative; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lyTop_Search form .scBtn input { display: block; width: 40px; height: 40px; overflow: hidden; margin: 0; padding: 0; background: #1562aa url(../images/top_ss.png) center center no-repeat; background-size: 19px 19px; border: 0; outline: none; cursor: pointer; }
 @media screen and (max-width:1680px) {
.ly_top { padding: 0 20px 0 0; }
.ly_top .lytop_main { height: 96px; }
.lytop_main .ly_logo { width: 33%; }
.lyTop_Tel { margin: 18px 10px 15px 15px; }
.ly_nav { width: 55%; }
.nav_item > a { font-size: 17px; }
}
@media screen and (max-width:1440px) {
.lytop_main .ly_logo { width: 36%; }
.ly_top .lytop_main { height: 92px; }
.ly_right { width: 110px; }
.lyTop_Tel { margin: 18px 10px 15px 10px; }
}
@media screen and (max-width:1366px) {
.lytop_main .ly_logo { width: 35%; }
.ly_right { margin-left: 20px; }
.nav_item > a { font-size: 16px; }
.ly_right { margin-left: 10px; }
.nav { height: 76px; }
.nav_item > a { height: 76px; line-height: 76px; }
}
@media screen and (max-width:1280px) {
.ly_top .lytop_main { height: 88px; }
.lyTop_Tel { margin: 11px 5px 11px 10px; }
.ly_right { margin-left: 0; }
.lyTop_Search { margin: 11px 0 15px; }
.nav { height: 72px; }
.nav_item > a { height: 72px; line-height: 72px; }
}
@media screen and (max-width:1200px) {
.ly_top { padding: 0 20px 0 0; }
.lytop_main .ly_logo { width: 45%; }
.ly_top .lytop_main { height: 92px; }
.ly_nav { width: auto; }
.nav_item > a em { display: none; }
.menu_open { display: block; float: right; width: 40px; height: 40px; padding: 7px 0; position: absolute; top: 19px; right: 12px; z-index: 98; cursor: pointer; background-color: #1562aa; border-radius: 50px; }
.menu_open i { width: 20px; display: block; height: 2px; margin: 5px auto; background-color: #fff; }
.nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color: #fff; }
.hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
.nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
.nav_item { float: none; margin: 0; width: 100%; height: 80px; }
.nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nav_item > a { display: block; margin: 0; height: 80px; line-height: 80px; color: #555; font-size: 17px; text-align: left; padding: 0 60px 0 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.nav_item > a:active { }
.nav_item > a.navon { opacity: 1; }
.nav_item > a em { height: 2px; left: 30px; margin: 0; }
.nav_item:hover > a, .nav_item > a.navon { color: #fff; background: #1562aa; }
.nav_item > a:hover:after, .nav_item > a.navon:after { display: none; }
.fxd .nav_item > a, .subMenu:hover .nav_item > a { color: #555; }
.fxd .nav_item:hover > a, .fxd .nav_item > a.navon, .subMenu:hover .nav_item:hover > a, .subMenu:hover .nav_item > a.navon { color: #fff; background: #1562aa; }
.nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block; }
.nav_item i:after { content: ''; display: block; width: 12px; height: 12px; margin: -6px 0 0 -6px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(249,37,36,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
.subopen { display: block; }
.subopen a { display: block; overflow: hidden; line-height: 80px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #fff; text-indent: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; }
.subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
.nav_item2 { position: relative; }
.nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color: rgba(255,255,255,0.5); font-size: 16px; text-align: left; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; opacity: 1; }
.nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nav_item2 a:hover, .nav_item2 a:active { color: #fff; }
.lyTop_Tel p span { width: 184px; padding: 0 20px; }
.lyTop_Tel { width: 40px; height: 40px; padding: 0; background: none; margin: 20px 0; }
.lyTop_Search { width: auto; height: 40px; margin: 20px 60px 20px 20px; padding: 0; background: none; }
.lyTop_Search form { width: 100%; height: 40px; margin: 0; padding: 0; background-color: #f2f2f2; }
.lyTop_Search form .scIpt { width: 200px; height: 40px; padding: 0; background: none; position: inherit; right: inherit; top: inherit; float: left; }
.lyTop_Search:hover form .scIpt { width: 240px; }
.lyTop_Search form:hover .scIpt { padding: 0; }
.lyTop_Search form .scIpt input { height: 40px; line-height: 40px; color: #666; font-size: 14px; padding: 0 15px; }
.lyTop_Search form .scBtn { width: 40px; height: 40px; padding: 0; float: right; }
.lyTop_Search form .scBtn input { width: 100%; height: 40px; padding: 20px; }
 .lyTop_Search form .scIpt input::-moz-placeholder {
color:#aaa;
}
 .lyTop_Search form .scIpt input:-ms-input-placeholder {
color:#aaa;
}
 .lyTop_Search form .scIpt input::-webkit-input-placeholder {
color:#aaa;
}
.ly_right { width: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 12px; }
.ly_right i { display: none; }
.lyTop_Search { margin: 20px 60px 20px 20px; }
.lyTop_Search form .scIpt { width: 190px; }
.lyTop_Search:hover form .scIpt { width: 190px; }
.lyTop_Search form .scIpt input { padding: 0 10px; }
.lyTop_Tel { float: left; }
.lyTop_Tel p span { width: 180px; font-size: 18px; height: 40px; line-height: 40px; }
.lyTop_Tel p i { height: 40px; width: 40px; }
}
 @media screen and (max-width:1080px) {
.lytop_main .ly_logo { width: 44%; }
.ly_top .lytop_main { height: 92px; }
.ly_nav { width: auto; }
.nav_item > a em { display: none; }
.menu_open { display: block; float: right; width: 40px; height: 40px; padding: 7px 0; position: absolute; top: 19px; right: 12px; z-index: 98; cursor: pointer; background-color: #1562aa; border-radius: 50px; }
.menu_open i { width: 24px; display: block; height: 2px; margin: 5px auto; background-color: #fff; }
.nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color: #fff; }
.hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
.nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
.nav_item { float: none; margin: 0; width: 100%; height: 80px; }
.nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nav_item > a { display: block; margin: 0; height: 80px; line-height: 80px; color: #555; font-size: 17px; text-align: left; padding: 0 60px 0 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.nav_item > a:active { }
.nav_item > a.navon { opacity: 1; }
.nav_item > a em { height: 2px; left: 30px; margin: 0; }
.nav_item:hover > a, .nav_item > a.navon { color: #fff; background: #1562aa; }
.nav_item > a:hover:after, .nav_item > a.navon:after { display: none; }
.fxd .nav_item > a, .subMenu:hover .nav_item > a { color: #555; }
.fxd .nav_item:hover > a, .fxd .nav_item > a.navon, .subMenu:hover .nav_item:hover > a, .subMenu:hover .nav_item > a.navon { color: #fff; background: #1562aa; }
.nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block; }
.nav_item i:after { content: ''; display: block; width: 12px; height: 12px; margin: -6px 0 0 -6px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(249,37,36,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
.subopen { display: block; }
.subopen a { display: block; overflow: hidden; line-height: 80px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #fff; text-indent: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; }
.subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
.nav_item2 { position: relative; }
.nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color: rgba(255,255,255,0.5); font-size: 16px; text-align: left; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; opacity: 1; }
.nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nav_item2 a:hover, .nav_item2 a:active { color: #fff; }
}
@media screen and (max-width:1024px) {
.ly_top { padding: 0 10px 0 0; }
.lytop_main .ly_logo { width: 46%; }
.ly_right { padding: 0 12px; }
.lyTop_Search { margin: 20px 55px 20px 15px; }
}
@media screen and (max-width:960px) {
.lyTop_Tel { display: none; }
.ly_top .lytop_main { height: 88px; }
.lytop_main .ly_logo { width: 53%; }
.menu_open { top: 20px; }
.lyTop_Search form .scIpt { width: 210px; }
.lyTop_Search:hover form .scIpt { width: 210px; }
}
@media screen and (max-width:870px) {
.lyTop_Search { margin: 16px 55px 16px 20px; }
.menu_open { top: 16px; }
}
@media screen and (max-width:800px) {
.ly_top { padding: 0 20px 0 0; }
.ly_top .lytop_main { height: 84px; }
.lytop_main .ly_logo { width: 52%; }
.ly_nav { width: auto; }
.menu_open { display: block; float: right; width: 40px; height: 40px; padding: 7px 0; position: absolute; top: 15px; right: 12px; z-index: 98; cursor: pointer; background-color: #1562aa; border-radius: 50px; }
.menu_open i { width: 24px; display: block; margin: 5px auto; background-color: #fff; }
.nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color: #fff; }
.hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
.nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
.nav_item { float: none; margin: 0; width: 100%; height: 60px; }
.nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(85, 87, 89, 0.1); }
.nav_item > a { display: block; margin: 0; height: 60px; line-height: 60px; color: #555; font-size: 15px; text-align: left; padding: 0 60px 0 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.nav_item > a:active { }
.nav_item > a.navon { opacity: 1; }
.nav_item > a em { left: 20px; }
.nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block; }
.nav_item i:after { content: ''; display: block; width: 10px; height: 10px; margin: -5px 0 0 -5px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(249,37,36,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
.subopen { display: block; }
.subopen a { display: block; overflow: hidden; line-height: 60px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #fff; text-indent: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; }
.subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
.nav_item2 { position: relative; }
.nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color: rgba(255,255,255,0.5); font-size: 15px; text-align: left; padding: 0 20px; white-space: nowrap; text-overflow: ellipsis; opacity: 1; }
.nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nav_item2 a:hover, .nav_item2 a:active { color: #fff; }
.ly_right i { display: none; }
.lyTop_Search { margin: 15px 55px 15px 20px; }
.lyTop_Search form .scIpt { width: 190px; }
.lyTop_Search:hover form .scIpt { width: 190px; }
.lyTop_Search form .scIpt input { padding: 0 10px; }
.lyTop_Tel { display: none; }
.lyTop_Tel p span { width: 180px; font-size: 18px; height: 40px; line-height: 40px; }
.lyTop_Tel p i { height: 40px; width: 40px; }
}
@media screen and (max-width:767px) {
.ly_top { padding: 0; }
.ly_top .lytop_main { height: 68px; }
.lytop_main .ly_logo { width: 80%; }
.menu_open { width: 45px; height: 45px; top: 18px; padding: 10px 0; }
.lyTop_Tel { display: none; }
.lyTop_Search { width: 100%; margin: 0 auto; padding: 0 2.5%; top: 310px; }
.lyTop_Search form { width: 100%; padding: 0 40px 0 0; border: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lyTop_Search form .scIpt { width: 100%; position: inherit; left: inherit; top: inherit; right: inherit; }
.lyTop_Search:hover form .scIpt { width: 100%; left: 0; }
.lyTop_Search:hover form .scIpt { left: 0; }
.lyTop_Search form .scBtn { position: absolute; top: 0; right: 0; }
.ly_right { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; height: 0; }
.NyTop_Search{ padding:0 5%; top:130px;}
}
@media screen and (max-width:600px) {
.menu_open { width: 40px; height: 40px; padding: 7px 0; top: 16px; }
.lyTop_Search { top: 260px; }
.ly_top .lytop_main { height: 82px; }
.lytop_main .ly_logo { width: 74%; }
.NyTop_Search{ top:130px;}
}
@media screen and (max-width:500px) {
.menu_open { top: 9px; }
.ly_top .lytop_main { height: 72px; }
.lyTop_Search { top: 205px; }
.lytop_main .ly_logo { width: 75%; }
.NyTop_Search{ top:125px;}
}
@media screen and (max-width:458px) {
.ly_top .lytop_main { height: 68px; }
.lytop_main .ly_logo { width: 80%; }
.menu_open { width: 35px; height: 35px; padding: 5px 0; top: 10px; }
.lyTop_Search { top: 205px; }
.NyTop_Search{ top:125px;}
}
@media screen and (max-width:414px) {
.lyTop_Search { top: 210px; }
.NyTop_Search{ top:130px;}
}
@media screen and (max-width:375px) {
.lyTop_Search { top: 207px; }
.lytop_main .ly_logo { width: 85%; }
.NyTop_Search{ top:117px;}
}
@media screen and (max-width:320px) {
.ly_top .lytop_main { height: 65px; }
.lytop_main .ly_logo { width: 86%; }
.menu_open { width: 35px; height: 35px; padding: 5px 0; top: 8px; }
.lyTop_Search { top: 195px; }
.NyTop_Search{ top:105px;}
}
/**top end**/


/*底部 开始*/
.lyFoot{ width:100%; background:#222; padding:75px 0 0; overflow:hidden; border-top:10px solid #1562aa;}
.lyFoot .lyFoot_T{ width:100%; padding-bottom:75px; overflow:hidden;}
.lyFoot_T .lyFoot_logo{ float:left; width:35%;}
.lyFoot_T .lyFoot_logo img{ display:inline-block; max-height:100%; max-width:100%;}
.lyFoot_T .lyFoot_Nav{ width:45%; height:auto; margin:0; padding:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_Tit { width:100%; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:18px; font-weight:bold; margin:0 auto 20px; padding:0;}
.lyFoot_Tit img{ display:inline-block; margin:-2px 0 0 10px;vertical-align: middle !important;}
.lyFoot_Nav dl dd { width:33.333333%; height:auto; margin:0; padding:0 40px 0 0; height:180px; overflow:hidden;float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_Nav dl dd a { display:block; width:100%; height:32px; overflow:hidden; line-height:32px; color:rgba(255,255,255,0.25); font-size:14px; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyFoot_Nav dl dd a:hover { color:#fff;}
.lyFoot_Ewm { width:auto; height:auto; margin:0; padding:0; float:right;}
.lyFoot_Ewm p { width:100%; height:130px; overflow:hidden; margin:0 auto 20px; padding:0;}
.lyFoot_Ewm p img { display:block; margin:0 10px 0 0; padding:7px; width:127px; border:1px solid rgba(255,255,255,0.1); float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.lyFoot_Ewm p span { display:block; width:20px; overflow:hidden; line-height:20px; color:rgba(255,255,255,0.25); font-size:16px; writing-mode:vertical-lr; letter-spacing:5px; margin:0; padding:12px 0;}
.lyFootBtn { width:100%; height:auto; margin:0; padding:0;}
.lyFootBtn ul li { display:inline-block; margin:0 20px 0 0; float:left;}
.lyFootBtn ul li:nth-child(3) { margin:0;}
.lyFootBtn ul li a { display:block; width:30px; height:30px; margin:0; padding:0; background-color:rgba(255,255,255,0.1); border-radius:50%;}
.lyFootBtn ul li a img { display:block; width:30px; height:30px; margin:0 auto; padding:0; border-radius:50%;}
.lyFootBtn ul li a:hover { background-color:#1562aa;}
.lyFoot_Copy{ width:23%; float:left;}
.lyFoot_Copy p{ margin-bottom:22px; color:rgba(255,255,255,.25); line-height:28px;}
.lyFoot_Copy p a{color:rgba(255,255,255,.25);}
.lyFoot_Lxfs{ width:65%; float:right; border-top:1px solid rgba(255,255,255,0.1); padding:50px 0;}
.lyFoot_Lxfs ul li{ width:33.333%; float:left;}
.lyFoot_Lxfs ul li .lyFootLxfs_Img{ width:60px; height:50px; float:left;}
.lyFoot_Lxfs ul li .lyFootLxfs_Text{ width: calc(100% - 65px); float:right; border-left:1px solid #1562aa; padding-left:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; height:50px; }
.lyFoot_Lxfs ul li .lyFootLxfs_Text span{ font-size:15px; color:rgba(255,255,255,.25);}
.lyFoot_Lxfs ul li .lyFootLxfs_Text p{ font-size:20px; color:#fff; font-family:DINMittelschrift;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.lyFoot_Lxfs ul li .lyFootLxfs_Text p a{color:#fff;}
/*lyLinks 开始*/
.lyLinks { width:100%; height:auto; margin:0; padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative;}
.lyLinks:before{ content:""; display:inline-block; width:20%; min-height:80px; background:#1562aa; position:absolute; left:0;}
.lyLinks .lyLinks_Main {height:auto;min-height:80px;margin:0 auto;padding: 10px 40px 0 120px;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background:#1562aa;transform: skew(-40deg);}
.lyLinks_Main .lyLinks_Title {width:108px;height: 80px;overflow:hidden;margin:0;padding: 25px 0;position:absolute;left:0;top:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align:center;transform: skewX(40deg);}
.lyLinks_Title img { display:block; width:33px; height:33px; margin:0; padding:0; float:left;}
.lyLinks_Title p { width:auto; height:15px; line-height:15px; color:#fff; font-size:14px;margin:0; padding:0;}
.lyLinks_Title span { display:block; width:auto;color:#fff; font-size:14px;margin:0; padding:0; letter-spacing:3px; font-family:arial;}
.lyLinks_Main .lyLinks_List {width:100%;height:auto;height: 60px;margin:0;padding: 0;align-items:center;justify-content:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow-y:scroll;transform: skewX(40deg);}
.lyLinks_List p {width:100%;height:auto;margin: 0 0 0;padding:0;overflow-y:scroll;}
.lyLinks_List p a {display:inline-block;width:auto;height: 30px;overflow:hidden;line-height: 30px;color:rgba(255,255,255,0.6);font-size:14px;margin:0;padding:0 20px;}
.lyLinks_List p a:hover { color:#fff;}
.lyLinks_List p::-webkit-scrollbar { width:4px;}/* 滚动槽宽度 */
.lyLinks_List p::-webkit-scrollbar-track { background-color:#e6e6e6; border-radius:0px;}
.lyLinks_List p::-webkit-scrollbar-thumb { background-color:#222;} /* 滚动条滑块默认状态 */
.lyLinks_List p::-webkit-scrollbar-thumb:window-inactive { background-color:#222;} /* 滚动条滑块点击状态 */
/*lyLinks 结束*/
@media (max-width: 1699px) {
.lyLinks{ width:97%;}
}
@media (max-width: 1440px) {
.lyFoot_Copy{ width:28%;}
.lyFoot_Lxfs ul li .lyFootLxfs_Text p{ font-size:18px;}  
}
@media (max-width: 1200px) {
.lyFoot{ padding:60px 0 0;}
.lyFoot .lyFoot_T{ padding-bottom:60px;}
.lyFoot_Copy{ width:30%;}
.lyFoot_Lxfs ul li .lyFootLxfs_Text p{ font-size:16px;}  
}
@media (max-width: 1080px) {
.lyFoot{ padding:50px 0 0;}
.lyFoot .lyFoot_T{ padding-bottom:50px;}
.lyFoot_T .lyFoot_logo{ width:21%;}
.lyFoot_T .lyFoot_Nav{ width:55%; margin-left:5%;}
.lyFoot_Lxfs{ width:100%; padding:40px 0;}
.lyFoot_Copy{ width:100%; margin-bottom:10px;}
.lyFoot_Copy p{ margin-bottom:10px;}
.lyLinks .lyLinks_Main{ min-height:70px;padding: 5px 40px 0 120px;}
.lyLinks_Main .lyLinks_Title{ height:60px;padding: 20px 0;}
}
@media (max-width: 1023px) {
.lyFoot{ padding:40px 0 0;}
.lyFoot_T .lyFoot_logo{ width:100%; text-align:center; float:none;}
.lyFoot_Ewm{ margin: 10px auto 5px;    float: none;}
.lyFoot_Ewm p {    width: 159px;}
.lyFootBtn{ display:none;}
.lyFoot_T .lyFoot_Nav{display:none; }
.lyFoot_Lxfs{ /*display:none;*/}
.lyFoot_Copy{ width:100%; margin-bottom:30px;}
.lyFoot_Copy p{ text-align:center; margin-bottom:0;}
.lyFoot .lyFoot_T{ padding-bottom:20px;}
.lyLinks{ width:95%;}

}
@media (max-width: 767px) {
.lyFoot{ padding:30px 0 0;}
.lyFoot_T .lyFoot_logo{ width:100%; text-align:center; float:none;}
.lyFoot .lyFoot_T{ padding-bottom:10px;}
.lyFoot_Copy p{ text-align:center; margin-bottom:0;}
.lyLinks{ width:92%;}
.lyLinks .lyLinks_Main{ min-height:50px;padding: 0 40px 0 120px;}
.lyLinks_Main .lyLinks_Title{ height:50px;padding: 15px 0;}
.lyLinks_List p a{ padding:0 0px;}
.lyFoot_Lxfs ul li{ display:none;}
.lyFoot_Lxfs ul li:first-child{ display:block;width: 100%;    text-align: center;}
.lyFoot_Lxfs ul li .lyFootLxfs_Img{ display:none;}
.lyFoot_Lxfs ul li .lyFootLxfs_Text{padding-left:0; border-left: none; float: none; width:auto;height:auto;}
.lyFoot_Lxfs ul li .lyFootLxfs_Text span{  font-size: 18px; color:rgba(255,255,255,0.75);}
.lyFoot_Lxfs ul li .lyFootLxfs_Text p {    font-size: 20px;color:rgba(255,255,255,0.85);}
.lyFoot_Lxfs {    padding: 17px 0;}
}
/*底部 结束*/

.offline { z-index:9998!important;}

/*漂浮*/
 .footpf {position:fixed;right:0;top:30%; transform: translateY(-50%);z-index:998; }
 .footpf .side1 {width:50px;height:170px;background-image: linear-gradient(45deg, #185ea4 , #1562aa);text-align:center;transition:all 0.5s;display: flex;align-items: center;justify-content: center; position:relative; top:51px;}
 .footpf .side1 a, .footpf .side1 img,.footpf .side1 i,.side1 span {display:block;}
 .footpf .side1 i { margin:10px auto; width:1px; height:20px;background:#fff; transition:all 0.5s ease;}
 .footpf .side1 span {color:#fff;font-size:16px; writing-mode: vertical-lr; width:25px;margin: 0 auto;font-family:got;letter-spacing: 2px;}
 .footpf .side1:hover {background: #c85001;}
 .footpf .side1:hover a img { animation:jitter 0.5s;}
 .footpf .side {height:50px; position:absolute;transition:all 0.5s;}
 .footpf .side a { display:block; width:100%; height:100%;font-size:0; }
 .footpf .side i, .footpf .side span {display:inline-block;vertical-align: middle;height:100%;line-height: 50px }
 .footpf .side i {width:50px;height:50px;transition:all 0.3s;position:relative;background-image: linear-gradient(45deg, #185ea4 , #1562aa);}
 .footpf .side i:before{content:""; position:absolute; width:24px; height:24px;left:50%; top:50%; transform: translate(-50%,-50%);}
 .footpf .side span {text-align:center;  line-height:50px; background:#1562aa; font-size:15px;color:#fff; transition:all 1s;}
 .footpf .side:hover {  right:0; }
 .footpf .side2 {top:171px; right:-90px; width: 140px;}
 .footpf .side2 i:before{background:url(../images/pf_ico.png) 0 0 no-repeat; }
 .footpf .side2 span { width:90px;}
 .footpf .side3 {right:-150px; width: 200px;top:222px;}
 .footpf .side3 i:before{background:url(../images/pf_ico.png) -24px 0 no-repeat; }
 .footpf .side3 span {width:150px; }
 .footpf .side4 {right:-90px;width: 140px;top: 273px;cursor: pointer;}
 .footpf .side4 i:before{background:url(../images/pf_ico.png) -2px -24px no-repeat; }
 .footpf .side4 span { width:90px;font-size:14px; }
 .footpf .qcodePic { width:100%;position:absolute;max-width: 141px;top:50px;left:0; display: none;z-index:99; text-align:center;}
 .footpf .qcodePic img { width:100%;}
 .footpf .side4:hover .qcodePic {display:block;}
 .footpf .side5 { right:-90px; width: 140px; top: 324px; cursor: pointer;}
 .footpf .side5 i:before{background:url(../images/pf_ico.png) -26px -26px no-repeat; }
 .footpf .side5 span {width:90px;}
 @media (max-width:1023px) {
	 .footpf{ top:30%;}
	 .footpf .side i{border-radius: 0;}
	 .footpf .side1,.footpf .side2,.footpf .side4,.footpf .side3 span{ display:none;}
	 .footpf .side5{ top:274px;}
	 .footpf .side:hover{ right:-150px;}
	 }
 @media (max-width:767px) {
	 .footpf .side{ height:40px;}
	 .footpf .side i{ width:40px; height:40px;}
	 .footpf .side3{ width:190px;}
	 .footpf .side5{right:-100px;}
 }